{% extends 'account/account_base.html' %}

{% block content %}
    <div class="centered">
        <div class="information">
            <h2>Create an account</h2>
            <div class="line"></div>
            <p>Please, sign up usign the following from:</p>
        </div>

        <div id="list-bla">
            {% for field, errors in form.errors.items %}
                {% for error in errors %}
                    <p>{{ error }}</p>
                {% endfor %}
            {% endfor %}
        </div>

        <form action="{% url 'registration' %}" method="POST">
            {% csrf_token %}
            <div>
                {% for field in form %}
                <div class="fields">
                    {% if field.errors %}
                        <div style="color: #FF2238; font-weight: bold;" class="label-errors">{{ field.label }}</div>
                        <div class="field-errors">{{ field }}</div>
                    {% else %}
                        {{ field.label }}
                        {{ field }}
                    {% endif %}
                </div>
                {% endfor %}
            </div>

            <button type="submit" class="btn btn-success">Create my account</button>
        </form>
    </div>
{% endblock content %}
